$(function(){
  // 去注册页面
  $('#link-reg').on('click',function(){
    $('.login-box').hide()
    $('.reg-box').show()
  })
  // 去登陆页面
  $('#link-login').on('click',function(){
    $('.reg-box').hide()
    $('.login-box').show()
  })

  // 定义校验规则
  const {form,layer} = layui
  form.verify({
   // 自定义了一个叫做 pwd 校验规则
   pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],

   // 给确认密码框添加校验规则
   repwd : function(value){
     // value 是确认密码框的值
     const pwd = $('.reg-box [name=password]').val() // 通过属性选择器获取到密码框
     if(pwd!==value) return '两次输入的密码不一致'
   }
  })

  // 监听表单的提交事件
  $('#formReg').on('submit',function(e){
    e.preventDefault()
    $.ajax({
      url:'/api/reguser',
      method:'POST',
      data:{
        username: $('#formReg [name=username]').val(),
        password: $('#formReg [name=password]').val(),
      },
      success:function(res){
       if(res.status!=0) return  layer.msg(res.message)
        layer.msg('注册成功')
         $('#link-login').click()

      }
    })
  })

  $('#formLogin').on('submit',function (e){
    e.preventDefault()
    $.ajax({
      url:'/api/login',
      method: 'POST',
      // 快速获取表单中的数据
      data: $('#formLogin').serialize(),
      success: function(res) {
        console.log(res)
        if (res.status !== 0) return layer.msg('登录失败!')
        layer.msg('登录成功！')
        // 将登录成功得到的 token 字符串，保存到 localStorage 中
        localStorage.setItem('token', res.token)
        // 跳转到后台主页
        location.href = './index.html'
      }
    })
  })
})






